window.onload=function(){
		
	
		//一
		$(".yi").css({color:"#4e8cef"});
		$(".y").show();
		var yi=$(".yi").text()
		var z=$(".zheng").html(yi)
		$(".one").val(yi)
}
$(function(){
	
	//经纪人入口
	$(".yi").click(function(){
		$(".yi").css({color:"#4e8cef"});
		$(".y").show();
		
		
		$(".er").css({color:"#666666"});
		$(".t").hide();
		$(".san").css({color:"#666666"});
		$(".s").hide();
		$(".si").css({color:"#666666"});
		$(".f").hide();
		
		var yi=$(".yi").text()
		$(".zheng").html(yi)
		$(".one").val(yi)
		
		
	})
	//合租
	$(".er").click(function(){
		$(".er").css({color:"#4e8cef"});
		$(".t").show();
		
	
		$(".yi").css({color:"#666666"});
		$(".y").hide();
		$(".san").css({color:"#666666"});
		$(".s").hide();
		$(".si").css({color:"#666666"});
		$(".f").hide();
		
		var yi=$(".er").text()
		$(".zheng").html(yi)
		$(".one").val(yi)
		
	
		
	})
	//公寓
	$(".san").click(function(){
		$(".san").css({color:"#4e8cef"});
		$(".s").show();
	
	
		
		
		$(".yi").css({color:"#666666"});
		$(".y").hide();
		$(".er").css({color:"#666666"});
		$(".t").hide();
		$(".si").css({color:"#666666"});
		$(".f").hide();
	
		var yi=$(".san").text()
		$(".zheng").html(yi)
		$(".one").val(yi)
		
	
		
	})
	//我的抢单
	$(".si").click(function(){
		$(".si").css({color:"#4e8cef"});
		$(".f").show();
	
		$(".yi").css({color:"#666666"});
		$(".y").hide();
		$(".er").css({color:"#666666"});
		$(".t").hide();
		$(".san").css({color:"#666666"});
		$(".s").hide();
		
		var yi=$(".si").text()
		$(".zheng").html(yi)
		$(".one").val(yi)
		
	})
})








function get(id){
		
		return document.getElementById(id)
		
		
	}
	
	   var header= get("header")
		   main=get("main")
		 //alert(header)  
		 
		var li=get("header").getElementsByTagName("p")
//			alert(li.length)
		var divs=get("main").getElementsByTagName("section")
//			alert(divs.length)
		
		
		for(var i=0; i<li.length; i++){
			
			li[i].id=i
			//onmouseover
			li[i].onclick=function(){
				
			var that=this	
				setTimeout(function(){
				for(var j=0; j<li.length; j++){
					
					
					divs[j].style.display="none"
				}
				
				
				
				
					
				
				divs[that.id].style.display="block"
				
			},500);
			
		}
			
	}